import React from 'react';
import { Form, Input, Button } from 'antd-mobile/es';
import { PhoneFill, LockFill } from 'antd-mobile-icons';

export default function index() {
  return (
    <div>
      <Form
        layout="horizontal"
        mode="card"
        footer={
          <div>
            <Button block type="submit" color="warning" size="large">
              提交
            </Button>
            <p>
              <a style={{ color: '#b7b7b7' }}>*未注册的手机号将自动注册</a>
              <a style={{ float: 'right', color: '#b7b7b7' }}>密码登录</a>
            </p>
          </div>
        }
      >
        <Form.Item
          label={<PhoneFill />}
          extra={<a style={{ color: '#ff8f1f' }}>发送验证码</a>}
        >
          <Input placeholder="请输入" />
        </Form.Item>
        <Form.Item label={<LockFill />}>
          <Input placeholder="请输入" />
        </Form.Item>
        <Form.Item></Form.Item>
      </Form>
    </div>
  );
}
